<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/header.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
<script type="text/javascript">
	// 定义一个全局的XMLHttpRequest对象
	function findName(obj) {	
		var xhr = new XMLHttpRequest();
		// 获取请求数据
		var name = obj.value;
		if(myform.username.value.length==0){
			alert("用户名不能为空");
			myform.username.focus();
			return false;
		}
		// 设定请求地址
		var url = "${ctx}/user/manager?func=findName&username=" + name;
		alert(url);
		// 建立对服务器的调用
		xhr.open("GET", url, true);
		// 指定响应事件处理函数
		xhr.onreadystatechange = function() {
			// 当 readyState 等于 4 且状态为 200 时，表示响应已就绪
			if (xhr.readyState == 4 && xhr.status == 200) {
				// 对响应结果进行处理
				var responseData = xhr.responseText;
				if(responseData=='null')
				// 将响应数据更新到页面控件中显示
				    document.getElementById("output").innerHTML = "用户名可用";
				else
					document.getElementById("output").innerHTML = "用户名已存在";
					obj.focus();
			}
		};
		// 向服务器发出请求
		xhr.send(null);
	}

</head>
</script> 

<body>
<center>
	<form action="${ctx}/user/manager?func=register" method="post" onsubmit="return validate(this)">
		用户名<input name="username" id="username" type="text"/><br> 
		<span id="output"></span>
		密 码<input	name="password" type="password" /><br> 
		<input type="submit" value="注册" />
	</form>
</center>
</body>
<%@ include file="/footer.htm"%>
	<script type="text/javascript">
		function validate(myform){
		 	if(myform.username.value.length == 0){
	     		alert("用户名不能为空！");
				myform.username.focus();
	     		return false;
		 	}
		 	if(myform.password.value.length < 4){
	     		alert("密码长度不能小于4！");
				myform.password.focus();
	     		return false;
		 	}
			return true;
		}
	</script>
</html>